h2 {

	margin: 0px !important;
}

html {

	font-family: 'Cabin', sans-serif;
}

a {
	text-decoration: none !important;
}

a:hover {
	text-decoration: none;
	color: #005599;
}

.ui-body-a {

	max-width: 800px;
	margin: auto;
}

.ui-content-index {

	margin: auto;
	max-width: 560px;
	background-color: #662D91;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	box-shadow: 5px 5px 10px 2px #333333;
	-webkit-box-shadow: 5px 5px 10px 2px #333333;
	-moz-box-shadow: 5px 5px 10px 2px #333333;
}

.facebook_icon {
	background-image: url('../images/facebook_icon.png');
	width: 30px;
	height: 30px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer
}

.google_icon {
	background-image: url('../images/google_icon.png');
	width: 30px;
	height: 30px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 5px;
}

.index-class {
	background-image: url('../images/la_sunset.jpg')
}

.media-gallery {

	text-align: center;
	margin: auto;
}

ul {

	padding: 0;
	list-style-type: none;
}

.sign {

	margin-bottom: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-height: 40px;
	margin-right: 10px;
	cursor: pointer;
}

/*

 .sign:hover {

 background-color: #D3C3E8;

 }

 */

.sign-header {

}

.sign-header-icon {

	margin-left: 2px;
	margin-top: 3px;
	float: left;
	font-size: 13px;
}

.sign-header-signer {

	color: #00008B;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}

.sign-header-date {

	float: right;
	color: light-grey;
	font-size: 8px;
	margin-right: 2px;
}

.sign-message {

	clear: both;
	color: #474747;
	font-size: 14px;
	margin: 5px 5px 5px 15px;
}

.sign-footer {

	height: 25px;
	border-bottom: 1px solid #D3D3D3;
}

.sign-footer-bar {

	width: 1%;
	height: 25px;
	float: left;
}

.sign-footer-ask {

	background-color: #FFFFFF;
	height: 25px;
	float: right;
	color: #808080;
	font-size: 15px;
	margin-right: 4px;
	margin-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
	border-top: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

.sign-footer-replies {

	background-color: #FFFFFF;
	height: 25px;
	float: right;
	color: #808080;
	font-size: 15px;
	margin-right: 4px;
	margin-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
	border-top: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

.sign-footer-number {

	/*-moz-border-radius: 3px;

	 border-radius: 3px;*/

	background-color: #FFFFFF;
	height: 25px;
	float: right;
	font-size: 15px;
	color: #808080;
	margin-right: 4px;
	margin-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
	border-top: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	text-align: right;
}

.nav-panel {

	height: 100%;
	background-color: #7533A6 !important;
}

.input-login {

	color: darkviolet !important;
	font-weight: bold;
}

.blankBox {

	background-color: #FFFFFF;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.registerLabel {

	color: #662D91;
	margin-left: 5px;
}

.errorClass {

	background-color: #FF4747 !important;
	border: 0 !important;
	padding: 5px !important;
	color: white !important;
}

.notficationClass {

	background-color: #CCCCCC !important;
	border: 0 !important;
	padding: 5px !important;
	color: #990066 !important;
}

.no-underline {

	text-decoration: none;
}

.link-center {

	text-align: center;
	width: 100%;
	clear: both;
	display: none;
}

.circle {

	width: 80px;
	height: 80px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	color: white;
	font-size: 25px;
	cursor: pointer;
}

.colorfeel {

	width: 100%;
	height: 300px;
}

.close_colorfeel {

	margin: 5px;
	margin-top: 80px;
}

.red_circle {

	background: -webkit-radial-gradient(red, red, darkred); /* Safari */
	background: -o-radial-gradient(red, red, darkred); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(red, red, darkred); /* For Firefox 3.6 to 15 */
	background: radial-gradient(red, red, darkred); /* Standard syntax */
}

.blue_circle {

	background: -webkit-radial-gradient(blue, blue, #000035); /* Safari */
	background: -o-radial-gradient(blue, blue, #000035); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(blue, blue, #000035); /* For Firefox 3.6 to 15 */
	background: radial-gradient(blue, blue, #000035); /* Standard syntax */
}

.green_circle {

	background: -webkit-radial-gradient(green, green, #003300); /* Safari */
	background: -o-radial-gradient(green, green, #003300); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(green, green, #003300); /* For Firefox 3.6 to 15 */
	background: radial-gradient(green, green, #003300); /* Standard syntax */
}

/* ICONS ------------------------ */

._icon {

	background-image: url("img/icons.png");
	background-repeat: no-repeat;
	background-size: 100px auto;
	height: 18px;
	width: 18px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 1px;
}

.sign_icon {

	background-position: -41px -107px;
}

.love_full_icon {

	background-position: -22px -86px;
}

.question_icon {

	background-position: -79px -107px;
}

.time_icon {

	background-position: -3px -24px;
}

.time_icon_sign {

	background-position: -2px -14px;
	background-size: 65px auto;
	height: 12px;
	width: 12px;
}

.sign_icon_sign {

	background-position: -29px -76px;
	background-size: 70px auto;
	height: 12px;
	width: 12px;
}

.reply_icon {

	background-position: -60px -23px;
}

.profile_icon {

	background-position: -3px -2px;
}

.cancel_icon {

	background-position: -79px -23px;
}

.achievement_icon {

	background-position: -3px -86px;
}

/* /ICONS ------------------------ */

.sign_image {

	margin: 10px;
	max-width: 80%;
	height: auto;
	width: auto\9; /* ie8 */
}

.float_left {

	float: left;
}

.float_right {

	float: right;
}

.profile_name {

	border-bottom: 2px solid lightgrey;
	font-size: 20px;
	margin: auto;
	padding-bottom: 5px;
	text-align: center;
}

.profile_sign {

}

.profile_action_list_element {

	background-color: #F6F6F6;
	margin-top: 5px;
	padding: 15px;
	height: 20px;
	cursor: pointer;
	clear: both;
}

.profile_action_list_element_name {

	margin-left: 10px;
}

.profile_action_list_element_count {

	margin-left: 10px;
	margin-right: 10px;
}

.watcher_box {

	width: 100%;
	clear: both;
	margin-top: 10px;
}

.watcher_box_element {

	width: 50%;
	cursor: pointer;
}

.watcher_box_element_text {

	width: 100%;
	text-align: center;
	clear: both;
}

.watcher_box_element_value {

	width: 100%;
	text-align: center;
	clear: both;
	color: #9400D3;
	font-size: 32px;
}

.hide {

	display: none;
}

.no_sign_found {

	text-align: center;
	color: grey;
}

.li_masker_list {

	background-color: #F6F6F6;
	clear: both;
	cursor: pointer;
	height: 20px;
	margin-top: 5px;
	padding: 15px;
}

.li_popup_sign {

	margin-left: 10px;
}

.sign-detail-message {

	margin: 5px;
}

.sign-detail-color {

	height: 15px;
	clear: both;
}

.sign-detail-reply {

	margin: 5px;
}

.sign-detail-replies-li-noreplies {

	color: grey;
	font-size: 12px;
	text-align: center;
}

.sign-detail-replies {

	margin: 5px;
}

.sign-detail-replies-title {

	color: grey;
	font-size: 12px;
}

.question-make-a-question {

	color: grey;
	font-size: 12px;
	margin: 5px;
}

.question-li-noquestions {

	color: grey;
	font-size: 14px;
	text-align: center;
}

.question-li-element {

	margin-bottom: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-height: 40px;
	margin-right: 10px;
	cursor: pointer;
}

.question-header-icon {

	margin-left: 2px;
	float: left;
	font-size: 13px;
}

.question-header-signer {

	float: left;
	font-size: 14px;
	margin-left: 5px;
}

.question-header-date {

	float: right;
	color: light-grey;
	font-size: 8px;
	margin-right: 2px;
}

.question-message {

	clear: both;
	margin: 5px 5px 5px 10px;
	font-size: 15px;
}

.question-message-answer {

	clear: both;
	margin: 5px 5px 5px 20px;
	font-size: 15px;
	color: #662D91;
}

.question-footer {

	height: 25px;
	border-bottom: 1px solid #D3D3D3;
}

.question-message-no-answer {

	font-size: 12px;
}

.li_popup_question {

	margin-left: 10px;
}

.question_detail_answer_box {

	padding: 5px;
}

#created-by {

	float: right;
	margin: 6px;
	cursor: pointer;
}

.notification-panel {

	height: 100%;
	background-color: #7533A6 !important;
}

.ego-notification-number {

	margin-left: 20px;
}

.notification_li_close {

	border-bottom: 1px solid black;
	color: #FFFFFF !important;
	padding: 11px !important;
	cursor: pointer;
}

.notification_li {

	background-color: #8044ad;
	border-bottom: 1px solid black;
	color: #FFFFFF !important;
	padding: 11px !important;
	cursor: pointer;
}

.new_notification {

	background-color: #8260ff !important;
}

.notification_li:hover {

	background-color: #9369b2 !important;
}

.new_notification:hover {

	background-color: #9369b2 !important;
}

.notification-loader {

	margin-top: 20px;
}

.notificationFromName {
	padding: 3px;
	color: lightgrey;
	font-weight: bold;
}

.loader-transparent {

	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color: white;
}

.sign_date {

	float: left;
	margin-top: 4px;
	margin-right: 3px;
	color: grey;
}

.userform {
	background: white;
	padding: 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.add-form {
	background: #7533A6 !important;
}

.loading_white {
	background-image: url("../images/loader.gif");
	margin: auto;
	height: 16px;
	width: 16px;
}

.loading_colored {
	background-image: url("../images/loader-colored.gif");
	margin: auto;
	height: 16px;
	width: 16px;
}

.sign_detail_large_not_found {
	text-align: center;
	color: #333333;
}

.sign_Detail_larger_box_sign li{
	list-style-type: none;
}

.help_list li {
	margin-bottom: 15px;
}

.sign_Detail_larger_box_reply {
	clear: both;
	padding-top: 10px;
}
.sign_Detail_larger_box_colorfeel {
	clear: both;
}
.sign_Detail_larger_box_colorfeel_color {
	width: 33%;
	height: 40px;
	text-align: center;
	color: white;
	font-size: 25px;
	cursor: pointer;
	float:left;
}
.sign_Detail_larger_box_colorfeel_red {
	background-color: red;
}

.sign_Detail_larger_box_colorfeel_red:hover {
	background-color: #FF4747;
}

.sign_Detail_larger_box_colorfeel_blue:hover {
	background-color: lightblue;
}

.sign_Detail_larger_box_colorfeel_blue {
	background-color: blue;
}

.sign_Detail_larger_box_colorfeel_green:hover {
	background-color: lightgreen;
}

.sign_Detail_larger_box_colorfeel_green {
	background-color: green;
}

#ui_notifIt {
    z-index: 1001 !important;
    margin-top: 40px !important;
}